<div class="content">
     <h2 class="api-name">引入文件</h2>
     <textarea name="code" class="js"> 
		<script type="text/javascript" src="simpleResize.js"></script>
	 </textarea>
	 <h2 class="api-name">使用Resize</h2>
	 <div class="part">
	 	<h3 class="api-guide"><a href="../doc/demo/resize.html" class="demo-btn" target="_blank">运行demo</a>Simple.Resize(opts)</h3>
	 	<div class="desc"><strong>概述：</strong>
	 		Simple.Resize可以改变块状元素的尺寸~
	 	</div>
	 	<p>启动resize</p>
	 	<textarea name="code" class="js"> 
	 		$("#test").simpleResize();
	 	</textarea>
	 	<p>销毁拖动事件</p>
	 	<textarea name="code" class="js"> 
	 		$("#test").simpleResize("destroy");
	 	</textarea>
	 	<h3 class="api-guide">SimpleResize API</h3>
<table class="configList">
	<tr>
		<th width="100">配置选项</th><th width="200">配置选项</th><th>选项说明</th>
	</tr>
	
		<td>direction</td><td>array {default:["n","ne","e","se","s","sw","w","nw"]}</td><td>设定重设尺寸的代理</td>
	</tr>
	<tr>
		<td>onresizestart</td><td>function(dropElement,drag)</td><td>重设尺寸时候触发的事件</td>
	</tr>
	<tr>
		<td>onresize</td><td>function(dropElement,drag)</td><td>拖动过程中触发的事件</td>
	</tr>
	<tr>
		<td>onresizestop</td><td>function(dropElement,drag)</td><td>拖动结束时触发的事件</td>
	</tr>
</table>
	 </div>
</div>

